<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<link rel="stylesheet" type="text/css" href="index.css"/>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="app">
<el-container class="frame_ct">
	<div class="topline"></div>
	<el-header height="5.7%">
		<h1>武汉瑞亚海事学校培训报名管理系统</h1>
		<div class="r">
			<el-dropdown>
				<i class="el-icon-setting"></i>
				<el-dropdown-menu slot="dropdown">
					<el-dropdown-item>个人中心</el-dropdown-item>
					<el-dropdown-item>退出</el-dropdown-item>
				</el-dropdown-menu>
			</el-dropdown>
			<span>王宁</span>
		</div>
	</el-header>
	<el-container>
		<el-aside width="8%">
			<globalnav @buttonclick="menuClick" :whichnavsend="'6-1'"></globalnav>
		</el-aside>
		<el-container>
			<el-main>
				<el-breadcrumb class="el-breadcrumb">
					<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
					<el-breadcrumb-item><a href="/">财务</a></el-breadcrumb-item>
					<el-breadcrumb-item><a href="/">流水管理</a></el-breadcrumb-item>
				</el-breadcrumb>
				
				<el-card shadow="always" class="filter">
					<div class="l">
						<H2>流水管理</H2>
						<div class="filterct">
							<el-date-picker v-model="value2" type="daterange" align="right" unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions">
							</el-date-picker>
						</div>
					</div>
					<div class="r">
						<el-button type="primary">提现</el-button>
					</div>
				</el-card>
				
				<el-row :gutter="20">
					<el-col :span="24">
						<el-table :data="tableData2" style="width:100%">
							<el-table-column fixed prop="rank" label="日期" width="150">
							</el-table-column>
							<el-table-column prop="name" label="姓名" width="120">
							</el-table-column>
							<el-table-column prop="province" label="省份" width="120">
							</el-table-column>
							<el-table-column prop="city" label="市区" width="120">
							</el-table-column>
							<el-table-column prop="address" label="地址" width="300">
							</el-table-column>
							<el-table-column prop="zip" label="邮编" width="120">
							</el-table-column>
							<el-table-column>
							</el-table-column>
							<el-table-column fixed="right" label="操作" width="100">
								<template slot-scope="scope">
									<el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
									<el-button type="text" size="small">编辑</el-button>
								</template>
							</el-table-column>
						</el-table>
					</el-col>
				</el-row>
			</el-main>
		</el-container>
	</el-container>
</el-container>
</div>
</body>

<script src="js/nav.js"></script>
<script src="js/common.js"></script>
</html>